<!doctype html>
<html lang="en">

<head>

  <title>BURST</title>
  <base href="/">

  <meta charset="utf-8">
  <meta name="description" content="Phoenix: Official BURST Wallet">
  <meta name="keywords"
        content="BURST, burstcoin, crypto, brs, angular, electron, typescript">
  <meta name="author" content="Burst Apps Team">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="assets/icons/meteocons/style.css" rel="stylesheet">
  <link href="assets/icons/material-icons/outline/style.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700" rel="stylesheet">

  <link rel="apple-touch-icon" sizes="57x57" href="assets/images/logos/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="assets/images/logos/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="assets/images/logos/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="assets/images/logos/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="assets/images/logos/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="assets/images/logos/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="assets/images/logos/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="assets/images/logos/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/logos/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192" href="assets/images/logos/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/images/logos/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="assets/images/logos/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/images/logos/favicon-16x16.png">
  <link rel="manifest" href="assets/images/logos/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="assets/images/logos/ms-icon-144x144.png">
  <meta name="theme-color" content="#ffffff">

  <!-- FUSE Splash Screen CSS -->
  <style type="text/css">
    #fuse-splash-screen {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #00579D;
      z-index: 99999;
      pointer-events: none;
    }

    #fuse-splash-screen .center {
      display: block;
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-align: center;
      color: aliceblue;
    }

    #fuse-splash-screen .logo {
      width: 92px;
      margin: 0 auto;
      animation: appear 2s ease-out, heartbeat 2s linear infinite;
    }

    #fuse-splash-screen .logo img {
      animation: appear 2s ease-out, heartbeat 2s linear infinite;
      filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2))
    }

    #fuse-splash-screen h2 {
      animation: appear 2s ease-out;
    }

    @keyframes appear {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    @keyframes heartbeat {
      0% {
        transform: scale(1);
      }
      25% {
        transform: scale(1.1);
      }
      40% {
        transform: scale(1);
      }
      60% {
        transform: scale(1.1);
      }
      80% {
        transform: scale(1);
      }
    }
  </style>
  <!-- / FUSE Splash Screen CSS -->
</head>

<body>

<fuse-splash-screen  id="fuse-splash-screen">
  <div class="center">
    <div class="logo">
      <img width="128" src="assets/images/logos/logo_white.svg">
    </div>
    <h2>Starting Phoenix</h2>
  </div>
</fuse-splash-screen >

<app></app>

</body>

</html>
